<!--<template>-->
<!--  <div>-->
<!--    <a-card :bordered="false" style="width: 650px;margin-left:-130px; border-radius:10px;height: 420px;">-->
<!--      <a-steps class="steps" :current="currentTab">-->
<!--        <a-step title="填写账号信息" />-->
<!--        <a-step title="上传图片" />-->
<!--        <a-step title="完成" />-->
<!--      </a-steps>-->
<!--      <div style="height: 300px;overflow-y:auto">-->
<!--        <cysStep1 v-if="currentTab === 0" @nextStep="nextStep1"/>-->
<!--        <cysStep2 v-if="currentTab === 1" @nextStep="nextStep1" @prevStep="prevStep1"/>-->
<!--        <cysStep3 v-if="currentTab === 2" @prevStep="prevStep1" @finish="finish1"/>-->
<!--      </div>-->
<!--    </a-card>-->
<!--  </div>-->
<!--</template>-->

<!--<script>-->
<!--  import cysStep1 from '../modules/customer/cysStep1'-->
<!--  import cysStep2 from '../modules/customer/cysStep2'-->
<!--  import cysStep3 from '../modules/customer/cysStep3'-->

<!--  export default {-->
<!--    name: "customers",-->
<!--    components: {-->
<!--      cysStep1,-->
<!--      cysStep2,-->
<!--      cysStep3-->
<!--    },-->
<!--    data () {-->
<!--      return {-->
<!--        description: '将一个冗长或用户不熟悉的表单任务分成多个步骤，指导用户完成。',-->
<!--        currentTab: 0,-->

<!--        // form-->
<!--        form: null,-->
<!--      }-->
<!--    },-->
<!--    methods: {-->

<!--      // handler-->
<!--      nextStep1 () {-->
<!--        if (this.currentTab < 2) {-->
<!--          this.currentTab += 1-->
<!--        }-->
<!--      },-->
<!--      prevStep1 () {-->
<!--        if (this.currentTab > 0) {-->
<!--          this.currentTab -= 1-->
<!--        }-->
<!--      },-->
<!--      finish1 () {-->
<!--        this.currentTab = 0-->
<!--      }-->
<!--    }-->
<!--  }-->
<!--</script>-->

<!--<style lang="less" scoped>-->
<!--/*  .steps {-->
<!--    max-width: 750px;-->
<!--    margin: 16px auto;-->
<!--  }*/-->
<!--</style>-->